{include="header"}

{if condition="$fsc->familia"}
<script type="text/javascript">
   $(document).ready(function() {
      $("#b_stats_familia").click(function(event) {
         event.preventDefault();
         $('#modal_stats_familia2').html('');
         $.ajax({
            type: 'POST',
            url: '{$fsc->url()}',
            dataType: 'html',
            data: 'stats=TRUE',
            success: function(datos) {
               $('#modal_stats_familia2').html(datos);
               $("#modal_stats_familia").modal('show');
            }
         });
      });
      $("#b_importar_familia").click(function(event) {
         event.preventDefault();
         $("#modal_importar_familia").modal('show');
      });
      $("#b_herramientas_familia").click(function(event) {
         event.preventDefault();
         $("#modal_herramientas_familia").modal('show');
      });
      $("#b_eliminar_familia").click(function(event) {
         event.preventDefault();
         if( confirm("¿Estas seguro de que deseas eliminar esta familia?") )
            window.location.href = "{$fsc->ppage->url()}&delete={$fsc->familia->codfamilia}";
      });
   });
</script>

<form action="{$fsc->url()}" method="post" class="form">
   <input type="hidden" name="cod" value="{$fsc->familia->codfamilia}"/>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <h4>Descripción:</h4>
            <div class="input-group">
               <input class="form-control" type="text" name="descripcion" value="{$fsc->familia->descripcion}" autocomplete="off"/>
               <div class="input-group-btn">
                  <span class="input-group-btn">
                     <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled=true;this.form.submit();">
                        <span class="glyphicon glyphicon-floppy-disk"></span>
                        &nbsp; Guardar
                     </button>
                  </span>
               </div>
            </div>
         </div>
      </div>
   </div>
</form>

<br/>

<div class="table-responsive">
   <table class="table table-hover">
      <thead>
         <tr>
            <th class="text-left">Referencia + Descripción</th>
            <th class="text-right">Coste</th>
            <th class="text-right">PVP</th>
            <th class="text-right">Stock</th>
         </tr>
      </thead>
      {loop="$fsc->articulos"}
      <tr class="clickableRow{if="$value->bloqueado"} bg-danger{elseif="$value->stockfis<$value->stockmin"} bg-warning{/if}" href="{$value->url()}">
         <td><a href="{$value->url()}">{$value->referencia}</a> {$value->descripcion}</td>
         <td class="text-right">{$fsc->show_precio($value->costemedio)}</td>
         <td class="text-right"><span title="actualizado el {$value->factualizado}">{$fsc->show_precio($value->pvp)}</span></td>
         <td class="text-right">{$value->stockfis}</td>
      </tr>
      {else}
      <tr class="bg-warning">
         <td colspan="5">Ningún artículo encontrado.</td>
      </tr>
      {/loop}
   </table>
</div>

<ul class="pager">
   {if condition="$fsc->anterior_url()!=''"}
   <li class="previous">
      <a href="{$fsc->anterior_url()}">
         <span class="glyphicon glyphicon-chevron-left"></span> &nbsp; Anteriors
      </a>
   </li>
   {/if}
   
   {if condition="$fsc->siguiente_url()!=''"}
   <li class="next">
      <a href="{$fsc->siguiente_url()}">
         Siguientes &nbsp; <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
   </li>
   {/if}
</ul>

<div class="modal fade" id="modal_stats_familia">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Estadísticas</h4>
         </div>
         <div id="modal_stats_familia2"></div>
      </div>
   </div>
</div>

<form action="{$fsc->url()}" method="post" class="form">
   <div class="modal fade" id="modal_herramientas_familia">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
               <h4 class="modal-title">Herramientas</h4>
            </div>
            <div class="modal-body">
               <div class="form-group">
                  Multiplicar precios por:
                  <input class="form-control" type="text" name="multiplicar" value="1" autofocus/>
               </div>
            </div>
            <div class="modal-footer">
               <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled=true;this.form.submit();" title="Aplicar">
                   <span class="glyphicon glyphicon-floppy-disk"></span> &nbsp; Aplicar
                </button>
            </div>
         </div>
      </div>
   </div>
</form>

{if condition="$fsc->pag_importar"}
<form enctype='multipart/form-data' action="{$fsc->pag_importar->url()}" method="post" class="form">
   <input type='hidden' name='fam' value='{$fsc->familia->codfamilia}'/>
   <input type='hidden' name='archivo' value='TRUE'/>
   <div class="modal fade" id="modal_importar_familia">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
               <h4 class="modal-title">Importar familia</h4>
            </div>
            <div class="modal-body">
               <p>
                  El archivo debe estar en formato CSV: valores separados por punto y coma y sin separador de texto,
                  adem&aacute;s las columnas deben ir en este orden: referencia,pvp,descripcion,codigo de barras.
                  Adicionalmente puedes añadir la columna stock.
                  Pulsa el botón exportar para ver un ejemplo.
               </p>
               <div class="form-group">
                  Archivo:
                  <input class="form-control" name='farchivo' type='file' autofocus/>
               </div>
               <div class="form-group">
                  Impuesto:
                  <select class="form-control" name="impuesto">
                     {loop="$fsc->impuesto->all()"}
                     <option value="{$value->codimpuesto}"{if condition="$value->is_default()"} selected="selected"{/if}>{$value->descripcion}</option>
                     {/loop}
                  </select>
               </div>
               <div class="form-group">
                  Sufijo para los artículos:
                  <input class="form-control" name='sufijo' type='text' maxlength="5"/>
                  Se añade al final de la referencia de cada artículo.
               </div>
               <div class="checkbox">
                  <label>
                     <input type="checkbox" name="nnuevos" value="TRUE"/>
                     NO añadir artículos nuevos.
                  </label>
               </div>
               <div class="checkbox">
                  <label>
                     <input type="checkbox" name="con_iva" value="TRUE"/>
                     Los precios ya llevan el IVA.
                  </label>
               </div>
               <div class="checkbox">
                  <label>
                     <input type="checkbox" name="pvp_max" value="TRUE"/>
                     Asignar el precio máximo.
                  </label>
               </div>
               <div class="checkbox">
                  <label>
                     <input type="checkbox" name="bloquear" value="TRUE"/>
                     Bloquear los artículo no actualizados.
                  </label>
               </div>
            </div>
            <div class="modal-footer">
               <button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled=true;this.form.submit();">
                   <span class="glyphicon glyphicon-play"></span> &nbsp; Comenzar
                </button>
            </div>
         </div>
      </div>
   </div>
</form>
{/if}

{else}
<div class="text-center">
   <img src="view/img/fuuu_face.png" alt="fuuuuu"/>
</div>
{/if}

{include="footer"}